<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
<meta name="author" content="xygi">  
<script language="javascript" type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.fusiondevs.com/lab/cleary/js/custom.js"></script>



<link rel="stylesheet" type="text/css" href="css/style.css" />

<title>Cleary by Fusiondevs</title>
</head>

<body>

<div class="header">
	<div class="top">
    	<div class="contents">
	    	<h1><a href="index.html" class="logo"></a></h1>
        </div>
    </div>
    <div class="middle">
    	<div class="contents">
	        <span>Personal website mobile template</span>
        </div>
    </div>
</div>

<div class="container">
	<div class="contents">
    	<h1>Welcome to Cleary</h1>
        <p>Cleary is a mobile website template designed to be clear, yet flexible to be used in many kinds of websites. From blogs to news sites, including photo galeries or just an static site; Cleary can be anything you want.</p>
    </div>
    
    <a href="blog.html" class="bigmenu"><img src="img/icons_balloon.png" alt="Go!" class="arrowleft indexicon" /> Blog <img src="img/menuarrow.png" alt="Go!" class="arrowright" /></a>
    <a href="news.html" class="bigmenu"><img src="img/icons_tv.png" alt="Go!" class="arrowleft indexicon" /> News <img src="img/menuarrow.png" alt="Go!" class="arrowright" /></a>
    <a href="gallery.html" class="bigmenu"><img src="img/icons_photos.png" alt="Go!" class="arrowleft indexicon" /> Gallery <img src="img/menuarrow.png" alt="Go!" class="arrowright" /></a>
    <a href="styles.html" class="bigmenu"><img src="img/icons_brush.png" alt="Go!" class="arrowleft indexicon" /> Styles <img src="img/menuarrow.png" alt="Go!" class="arrowright" /></a>
    <a href="contact.html" class="bigmenu"><img src="img/icons_phone.png" alt="Go!" class="arrowleft indexicon" /> Contact <img src="img/menuarrow.png" alt="Go!" class="arrowright" /></a>
   
</div>

<div class="contents">
    <div class="footer">
        <span class="copy">&copy; 2011 <a href="http://www.onemobo.mobi/">onemobo.mobi</a><br />Powered by onemobo</span>
        <a href="#" class="top">Top</a>
    </div>
</div>

</body>

</html>
